<script type="text/javascript" src="<?php $this->path('js/selectbox.js');?>"></script>
<div class="container_12">
	<div id="content" class="grid_9">
		<h1 class="page_title">Product List</h1>
		
		<div class="options">
			<div class="show">
				<span>Show</span>
				<select title="Show">
					<option>500</option>
					<option>1000</option>
					<option>1500</option>
					<option>2000</option>
					<option>10000</option>
				</select>
			    <span class="per-page">per page</span>
			</div><!-- .show -->
		     
			<div class="sort">
				<span class="sort-by">Sort By</span>
				<select title="Sort">
					<option value="iname">Item</option>
					<option value="cname">Category</option>
					<option value="retail_price">Retail Price</option>
					<option value="whole_sale_price">Wholesale Price</option>
					<option value="stock">Stock</option>
				</select>
			   
				<a class="sort_up" flag="1">&#8595;</a>
			</div><!-- .sort -->

			<div class="search-bar" style="z-index: 1;position: relative;">
				<input id="item-search" type="text" placeholder="Search for Item" style="width:265px;">
			</div>
		</div><!-- .options -->
		<div class="grid_product">
			<div class="grid_3 product">
			
				<div class="prev">
					<a href="/product_page.html"><img src="images/product_1.png" alt="" title="" /></a>
				</div><!-- .prev -->
				<h3 class="title">Febreze Air Effects New Zealand Springs</h3>
				<div class="cart">
					<div class="price">
						<div class="vert">
							<div class="price_new">$550.00</div>
							<div class="price_old">$725.00</div>
						</div>
					</div>
					<a href="#" class="bay"></a>
				</div><!-- .cart -->
			<div class="clear"></div>
		</div><!-- .grid_product -->
		<div class="clear"></div>
		
	</div>
		<div id="sidebar" class="grid_3">
			<aside id="categories_nav">
				<h3>Categories</h3>

				<nav class="left_menu">
					<ul>
                    <?php foreach ($categories as $category){ ?>
                    	<li class=""><a href="#"><?php echo $category['name']; ?></a></li>
                    <?php } ?>
					</ul>
				</nav><!-- .left_menu -->
			</aside><!-- #categories_nav -->
		</div>
		
		<div class="clear"></div>
</div>
<div class="clear"></div>
<script>
	$("select").selectBox();
</script>